<template>
    <div class="all">
        <div class="header">投票选举</div>
        <div class="center">
            <div class="vode">
                <div class="vodeTitle">
                    关于小区道闸升级投票
                </div>
                <div class="vodeCenter">
                    <div class="center">
                        <p>参与用户：业主</p>
                        <p>开始时间：2018-08-02  8：00</p>
                        <p>结束时间：2018-09-02  8：00</p>
                        <p>当前状态：<span style="color:#12a7eb;">进行中</span> </p>
                    </div>
                    <img src="http://weixin.nmict.cn/ok_zhsq/image/zhc.png">
                </div>
            </div>



            <div class="vode">
                <div class="vodeTitle">
                    关于小区道闸升级投票
                </div>
                <div class="vodeCenter">
                    <div class="center">
                        <p>参与用户：业主</p>
                        <p>开始时间：2018-08-02  8：00</p>
                        <p>结束时间：2018-09-02  8：00</p>
                        <p>当前状态：<span style="color:#d4855a;">已结束</span> </p>
                    </div>
                    <img src="http://weixin.nmict.cn/ok_zhsq/image/zhc.png">
                    <img src="http://weixin.nmict.cn/ok_zhsq/image/zhc.png">
                </div>
            </div>


        </div>
    </div>
</template>

<style lang="less" scoped>
.vode{
    padding:.4rem .4rem 0 .4rem;
    border:10px solid rgba(245,245,245,1);
    border-bottom:10px solid rgba(245,245,245,1);
    border-top:0px;
}
.vode:nth-of-type(1){
    border-top:10px solid rgba(245,245,245,1);
}
.vodeTitle{
    line-height: .5rem;
    text-align: left;
    font-size:.5rem;
}
.vodeCenter{
    display: flex;
    flex-flow: row nowrap;
    text-align: left;
}
.vodeCenter img{
    width:.5rem;
    height:.5rem;
    text-align: right;
    align-self: center;
}
.vodeCenter .center{
    width:95%;
}
.center p{
    padding-left:.1rem;
}
</style>
